<!-- <template>
  <div class="divfirst">

  <el-row :gutter="10">

    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1">
      <div class="parentdiv">
      <div class="childdiv"></div>
         <el-button type="text" @click="getInfo">证据指引</el-button>
     </div>
    </el-col>


    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="11">
       <div class="parentdiv">
       <div class="childdiv"></div>
          <el-button type="text" @click="hi">信箱</el-button>
      </div>
    </el-col>

    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="11">
      <div class="parentdiv">
      <div class="childdiv"></div>
         <el-button type="text" @click="hi">案例库</el-button>
     </div>
    </el-col>

    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="11">
       <div class="parentdiv">
       <div class="childdiv"></div>
          <el-button type="text" @click="hi">办案手记</el-button>
      </div>
    </el-col>

    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="11">
       <div class="parentdiv">
       <div class="childdiv"></div>
          <el-button type="text" @click="hi">我的通告</el-button>
      </div>
    </el-col>

    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="11">
       <div class="parentdiv">
       <div class="childdiv"></div>
          <el-button type="text" @click="hi">问题讨论</el-button>
      </div>
    </el-col>

    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="11">
       <div class="parentdiv">
       <div class="childdiv"></div>
          <el-button type="text" @click="hi">法律查询</el-button>
      </div>
    </el-col>

  </el-row>


  </div>
</template>

<script>
  export default {
    data () {
      return {
        loading: false,
        interval: '',
        colors: [
          {color: '#0cc26c', percentage: 20},
          {color: '#0cc26c', percentage: 40},
          {color: '#eb6607', percentage: 60},
          {color: '#f5212d', percentage: 80},
          {color: 'red', percentage: 100}
        ],
        ServerOS: undefined
      }
    },
    components: {

    },
    activated () {
      this.refreshList()
    },
    destroyed () {
      clearInterval(this.interval)
    },
    methods: {
      // 获取数据列表
      refreshList () {
        this.loading = true
        this.getInfo()
        var timesRun = 0
        if (this.interval) {
          clearInterval(this.interval)
        }
        this.interval = setInterval(() => {
          timesRun += 1
          if (timesRun === 10) {
            clearInterval(this.interval)
          }
          this.getInfo()
        }, 2000)
      }
    }
  }
</script>

<style>
  .el-col {
    border-radius: 4px;
    position: relative;
    float: left;
    margin-left: 190px;
  }

  .bg-purple-dark {
    background: #99a9bf;
  }

  .bg-purple {
    background: #d3dce6;
  }

  .bg-purple-light {
    background: #e5e9f2;
  }

  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }

  .el-button{
    margin-left: 7px;
  }
  .parentdiv{
    height: 150px;
    width: 150px;

  }
  .childdiv{
    background-image: url('../../../../assets/img/微信图片_20200529193025.png');
    background-size: 100px;
  }

  .divfirst{
    position: absolute;
    height: 100%;
    width: 100%;
  }
</style>
 -->